<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Twitter Mock</title>
    <link rel="stylesheet" href="../../public/css/reset.css">
    <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Lobster|Open+Sans'>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../public/css/styles.css">
</head>
<body>

<div id="top">
    <header>
        <i class="fa fa-heart-o fa-3x"></i>
        <nav>
            <a href="/login"><p id="login">Log In</p></a>
        </nav>
    </header>
    <p id="motto">Seven Deadly Sins</p>
    <p id="motto">One convenient location</p>

</div>

<main>
    <section>
        <i class="fa fa-user fa-2x"></i>
        <p id="post">post</p>
    </section>
    <section>
        <i class="fa fa-user fa-2x"></i>
        <p id="post">post</p>
    </section>
</main>
</body>
</html>